<template>
  <div class="container">
    <div class="header">
      <i class="fa fa-calendar"></i>
      <span v-text="meetingInfo.startTime"></span>
      <span>至</span>
      <span v-text="meetingInfo.endTime"></span>
    </div>
    <div class="content">
      <h1>
        <label>主题：</label>
        <span v-text="meetingInfo.subject"></span>
      </h1>
    </div>
  </div>
</template>
<script>
  export default{
    props:['meetingInfo']
  }
</script>
<style scoped lang="scss">
  @import '../../base/css/_base';
  .container{
    background: #fff;
    margin: 10px;
    .header{
      padding: 10px;
      i{
        color: #0065E5;
      }
      span{
        @include fz(5px)
      }
    }
    .content{
      padding: 10px;
      label{
        color: #80848f;
      }
    }
  }
</style>
